<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>头部</title>
  <!-- reset css -->
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./icon/iconfont.css">
  <link rel="stylesheet" href="./css/header.css">
</head>

<body>
  <!-- 1.预备工作，创建目录（不要使用中文）,导入素材 -->
  <!-- 2.创建resetcss 文件，并根据UI样式需求，修改resetcss -->
  <!-- 3.创建标签，完善布局 -->
  <div class="headertop">
    <div class="headtopleft">
      <span class="iconfont icon-book"></span>
      <input type="text" placeholder="在这里搜索全站">
      <a href="#"><span class="iconfont icon-sousuo"></span></a>
      <a href="#"> <span class="iconfont icon-gongwenbao"></span>授权查询</a>
      <a href="#"> <span class="iconfont icon-weixin"></span>联系官方</a>
    </div>
    <div class="headtopright">
      <a href="#">技术咨询</a>
      <a href="#">程序故障/BUG反馈</a>
      <a href="#"><span class="iconfont icon-weixin"></span>微信登录</a>
      <a href="#">用户登录</a>
      <a href="#">用户注册</a>
    </div>
  </div>
  <div class="header">
    <div class="header-in container cf">
      <h1 class="logo fl"><a href="#">网站logo</a></h1>
      <div class="fr">
        <ul class="ufl cf">
          <li><a href="#">产品动态</a></li>
          <li><a href="#">产品动态</a></li>
          <li><a href="#">产品动态</a></li>
          <li><a href="#">产品动态</a></li>
          <li><a href="#">产品动态</a></li>
          <li><a href="#">产品动态</a></li>
          <li><a href="#">产品动态</a></li>
          <li><a href="#">产品动态</a></li>
          <li class="c-btn"><a href="#">控制台</a></li>
        </ul>
      </div>
    </div>
  </div>

  <!-- advertise -->

  <div class="advertise">
    <div class="advertise-in">
      <div class="swiper"></div>
      <div class="adv-tags">
        <div class="adv-tags-in">
          <div class="item">
            <span class="iconfont icon-weixin"></span>
            <h4>免费开源</h4>
            <p>免费且不限商用,哈哈</p>
          </div>
          <div class="item">
            <span class="iconfont icon-weixin"></span>
            <h4>免费开源</h4>
            <p>免费且不限商用,哈哈</p>
          </div>
          <div class="item">
            <span class="iconfont icon-weixin"></span>
            <h4>免费开源</h4>
            <p>免费且不限商用,哈哈</p>
          </div>
          <div class="item">
            <span class="iconfont icon-weixin"></span>
            <h4>免费开源</h4>
            <p>免费且不限商用,哈哈</p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- guide-overview -->
  <div class="guide-overview">
    <div class="guide-ov-in">
      <div class="down">
        <a href="#">下载迅睿CMS程序源码</a>
      </div>
      <p class="cms-doc">
        <a href="">
          CMS介绍文档
        </a>
        <span>|</span>
        <a href="">
          官方技术QQ群
        </a>
      </p>
      <div class="guide-video">

      </div>
    </div>
  </div>

  <!-- service -->
  <div class="service">
    <div class="service-in container">
      <div class="section_header">
        <h2>我们能够为您做的</h2>
        <p>以成熟稳定的迅睿CMS系统为基础，帮助客户在互联网推广自己的产品、服务和品牌，为客户创造价值从而实现自身价值！</p>
      </div>
      <div class="service-items">
        <div class="service-items-div1">
          <span class="iconfont icon-weixin"></span>
          <h6>品牌网站设计</h6>
          <p>企业公司网站、品牌网站、外贸网站、集团网站、营销型网站、响应式网站</p>
        </div>
        <div class="service-items-div1">
          <span class="iconfont icon-weixin"></span>
          <h6>品牌网站设计</h6>
          <p>企业公司网站、品牌网站、外贸网站、集团网站、营销型网站、响应式网站</p>
        </div>
        <div class="service-items-div1">
          <span class="iconfont icon-weixin"></span>
          <h6>品牌网站设计</h6>
          <p>企业公司网站、品牌网站、外贸网站、集团网站、营销型网站、响应式网站</p>
        </div>
        <div class="service-items-div1">
          <span class="iconfont icon-weixin"></span>
          <h6>品牌网站设计</h6>
          <p>企业公司网站、品牌网站、外贸网站、集团网站、营销型网站、响应式网站</p>
        </div>
      </div>
    </div>
  </div>

  <!-- product-dynamics -->
  <div class="product-dynamics">
    <div class="container">
      <div class="section_header">
        <h2>我们能够为您做的</h2>
        <p>以成熟稳定的迅睿CMS系统为基础，帮助客户在互联网推广自己的产品、服务和品牌，为客户创造价值从而实现自身价值！</p>
      </div>
      <div class="pro-d-items cf">
        <div class="fl">
          <div class="pro-item-l">
            <div class="pro-title">
              <strong class="strong1">|</strong>
              <strong class="strong2">官方公告</strong>
              <a href="#">更多></a>
            </div>
            <div class="pro-item-l-div2">
              <ul>
                <li>
                  <span class="prospan1">1</span>
                  <a href="#">网站技术员跑路了？网站无人维护怎么办？</a>
                  <span class="prospan2">2022-08-14</span>
                </li>
                <li>
                  <span class="prospan1">1</span>
                  <a href="#">网站技术员跑路了？网站无人维护怎么办？</a>
                  <span class="prospan2">2022-08-14</span>
                </li>
                <li>
                  <span class="prospan1">1</span>
                  <a href="#">网站技术员跑路了？网站无人维护怎么办？</a>
                  <span class="prospan2">2022-08-14</span>
                </li>
                <li>
                  <span class="prospan1">1</span>
                  <a href="#">网站技术员跑路了？网站无人维护怎么办？</a>
                  <span class="prospan2">2022-08-14</span>
                </li>
                <li>
                  <span class="prospan1">1</span>
                  <a href="#">网站技术员跑路了？网站无人维护怎么办？</a>
                  <span class="prospan2">2022-08-14</span>
                </li>
                <li>
                  <span class="prospan1">1</span>
                  <a href="#">网站技术员跑路了？网站无人维护怎么办？</a>
                  <span class="prospan2">2022-08-14</span>
                </li>
              </ul>
            </div>
          </div>
          <div class="pro-item-l">
            <div class="pro-title">
              <strong class="strong1">|</strong>
              <strong class="strong2">官方公告</strong>
              <a href="#">更多></a>
            </div>
            <div class="pro-item-l-div2">
              <ul>
                <li>
                  <span class="prospan1">1</span>
                  <a href="#">网站技术员跑路了？网站无人维护怎么办？</a>
                  <span class="prospan2">2022-08-14</span>
                </li>
                <li>
                  <span class="prospan1">1</span>
                  <a href="#">网站技术员跑路了？网站无人维护怎么办？</a>
                  <span class="prospan2">2022-08-14</span>
                </li>
                <li>
                  <span class="prospan1">1</span>
                  <a href="#">网站技术员跑路了？网站无人维护怎么办？</a>
                  <span class="prospan2">2022-08-14</span>
                </li>
                <li>
                  <span class="prospan1">1</span>
                  <a href="#">网站技术员跑路了？网站无人维护怎么办？</a>
                  <span class="prospan2">2022-08-14</span>
                </li>
                <li>
                  <span class="prospan1">1</span>
                  <a href="#">网站技术员跑路了？网站无人维护怎么办？</a>
                  <span class="prospan2">2022-08-14</span>
                </li>
                <li>
                  <span class="prospan1">1</span>
                  <a href="#">网站技术员跑路了？网站无人维护怎么办？</a>
                  <span class="prospan2">2022-08-14</span>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="fr">
          <div class="pro-title">
            <strong class="strong1">|</strong>
            <strong class="strong2">官方公告</strong>
            <a href="#">更多></a>
          </div>
          <div class="">
            <div class="pro-dd1">
              <img src="./images/image.png" alt="" class="pro-img1">
              <div>
                <a href="#">清爽简洁的后台简化模式-简单易用</a>
                <div>
                  迅睿CMS是符合大众化的CMS程序设计，内置很多功能配置，针对运营类站长人群时很多功能基本上用不上，这时候就会感觉后台反而很杂乱；那么，针对这类人群迅睿研发团队专门设计了【后台简化模式】，在简化模式下后台就会变得非常
                </div>
              </div>
            </div>
            <div class="pro-dd1">
              <img src="./images/image.png" alt="" class="pro-img1">
              <div>
                <a href="#">清爽简洁的后台简化模式-简单易用</a>
                <div>
                  迅睿CMS是符合大众化的CMS程序设计，内置很多功能配置，针对运营类站长人群时很多功能基本上用不上，这时候就会感觉后台反而很杂乱；那么，针对这类人群迅睿研发团队专门设计了【后台简化模式】，在简化模式下后台就会变得非常
                </div>
              </div>

            </div>
            <div class="pro-dd1">
              <img src="./images/image.png" alt="" class="pro-img1">
              <div>
                <a href="#">清爽简洁的后台简化模式-简单易用</a>
                <div>
                  迅睿CMS是符合大众化的CMS程序设计，内置很多功能配置，针对运营类站长人群时很多功能基本上用不上，这时候就会感觉后台反而很杂乱；那么，针对这类人群迅睿研发团队专门设计了【后台简化模式】，在简化模式下后台就会变得非常
                </div>
              </div>

            </div>
          </div>

        </div>
      </div>
    </div>
  </div>

  <!-- hot-app -->
  <div class="hot-app">
    <div class="container">
      <div class="section_header">
        <h2>我们能够为您做的</h2>
        <p>以成熟稳定的迅睿CMS系统为基础，帮助客户在互联网推广自己的产品、服务和品牌，为客户创造价值从而实现自身价值！</p>
      </div>
      <div class="hot-app-list">
        <div class="hot-app-list-in">
          <ul class="ufl cf">
            <li>
              <div class="app-div1">
                <div class="app-div1-left">
                  <a class="" href="#">
                    <img class=""
                      src="https://file.xunruicms.com/thumb/67/b9/65b15d7b1dbbaaecb9e2b33d681c5497/120x120_auto.webp"
                      alt="用户系统" title="用户系统">
                  </a>
                </div>
                <div class="app-div1-right">
                  <h5 class=""><a href="#" title="用户系统">用户系统</a></h5>
                  <div class="">基于官网用户中心平台功能，支持前端用户注册、用户...</div>
                </div>

              </div>
            </li>
            <li>
              <div class="app-div1">
                <div class="app-div1-left">
                  <a class="" href="#">
                    <img class=""
                      src="https://file.xunruicms.com/thumb/67/b9/65b15d7b1dbbaaecb9e2b33d681c5497/120x120_auto.webp"
                      alt="用户系统" title="用户系统">
                  </a>
                </div>
                <div class="app-div1-right">
                  <h5 class=""><a href="#" title="用户系统">用户系统</a></h5>
                  <div class="">基于官网用户中心平台功能，支持前端用户注册、用户...</div>
                </div>

              </div>
            </li>
            <li>
              <div class="app-div1">
                <div class="app-div1-left">
                  <a class="" href="#">
                    <img class=""
                      src="https://file.xunruicms.com/thumb/67/b9/65b15d7b1dbbaaecb9e2b33d681c5497/120x120_auto.webp"
                      alt="用户系统" title="用户系统">
                  </a>
                </div>
                <div class="app-div1-right">
                  <h5 class=""><a href="#" title="用户系统">用户系统</a></h5>
                  <div class="">基于官网用户中心平台功能，支持前端用户注册、用户...</div>
                </div>

              </div>
            </li>
            <li>
              <div class="app-div1">
                <div class="app-div1-left">
                  <a class="" href="#">
                    <img class=""
                      src="https://file.xunruicms.com/thumb/67/b9/65b15d7b1dbbaaecb9e2b33d681c5497/120x120_auto.webp"
                      alt="用户系统" title="用户系统">
                  </a>
                </div>
                <div class="app-div1-right">
                  <h5 class=""><a href="#" title="用户系统">用户系统</a></h5>
                  <div class="">基于官网用户中心平台功能，支持前端用户注册、用户...</div>
                </div>

              </div>
            </li>
            <li>
              <div class="app-div1">
                <div class="app-div1-left">
                  <a class="" href="#">
                    <img class=""
                      src="https://file.xunruicms.com/thumb/67/b9/65b15d7b1dbbaaecb9e2b33d681c5497/120x120_auto.webp"
                      alt="用户系统" title="用户系统">
                  </a>
                </div>
                <div class="app-div1-right">
                  <h5 class=""><a href="#" title="用户系统">用户系统</a></h5>
                  <div class="">基于官网用户中心平台功能，支持前端用户注册、用户...</div>
                </div>

              </div>
            </li>
            <li>
              <div class="app-div1">
                <div class="app-div1-left">
                  <a class="" href="#">
                    <img class=""
                      src="https://file.xunruicms.com/thumb/67/b9/65b15d7b1dbbaaecb9e2b33d681c5497/120x120_auto.webp"
                      alt="用户系统" title="用户系统">
                  </a>
                </div>
                <div class="app-div1-right">
                  <h5 class=""><a href="#" title="用户系统">用户系统</a></h5>
                  <div class="">基于官网用户中心平台功能，支持前端用户注册、用户...</div>
                </div>

              </div>
            </li>
            <li>
              <div class="app-div1">
                <div class="app-div1-left">
                  <a class="" href="#">
                    <img class=""
                      src="https://file.xunruicms.com/thumb/67/b9/65b15d7b1dbbaaecb9e2b33d681c5497/120x120_auto.webp"
                      alt="用户系统" title="用户系统">
                  </a>
                </div>
                <div class="app-div1-right">
                  <h5 class=""><a href="#" title="用户系统">用户系统</a></h5>
                  <div class="">基于官网用户中心平台功能，支持前端用户注册、用户...</div>
                </div>

              </div>
            </li>
            <li>
              <div class="app-div1">
                <div class="app-div1-left">
                  <a class="" href="#">
                    <img class=""
                      src="https://file.xunruicms.com/thumb/67/b9/65b15d7b1dbbaaecb9e2b33d681c5497/120x120_auto.webp"
                      alt="用户系统" title="用户系统">
                  </a>
                </div>
                <div class="app-div1-right">
                  <h5 class=""><a href="#" title="用户系统">用户系统</a></h5>
                  <div class="">基于官网用户中心平台功能，支持前端用户注册、用户...</div>
                </div>

              </div>
            </li>
            <li>
              <div class="app-div1">
                <div class="app-div1-left">
                  <a class="" href="#">
                    <img class=""
                      src="https://file.xunruicms.com/thumb/67/b9/65b15d7b1dbbaaecb9e2b33d681c5497/120x120_auto.webp"
                      alt="用户系统" title="用户系统">
                  </a>
                </div>
                <div class="app-div1-right">
                  <h5 class=""><a href="#" title="用户系统">用户系统</a></h5>
                  <div class="">基于官网用户中心平台功能，支持前端用户注册、用户...</div>
                </div>

              </div>
            </li>
            <li>
              <div class="app-div1">
                <div class="app-div1-left">
                  <a class="" href="#">
                    <img class=""
                      src="https://file.xunruicms.com/thumb/67/b9/65b15d7b1dbbaaecb9e2b33d681c5497/120x120_auto.webp"
                      alt="用户系统" title="用户系统">
                  </a>
                </div>
                <div class="app-div1-right">
                  <h5 class=""><a href="#" title="用户系统">用户系统</a></h5>
                  <div class="">基于官网用户中心平台功能，支持前端用户注册、用户...</div>
                </div>

              </div>
            </li>
            <li>
              <div class="app-div1">
                <div class="app-div1-left">
                  <a class="" href="#">
                    <img class=""
                      src="https://file.xunruicms.com/thumb/67/b9/65b15d7b1dbbaaecb9e2b33d681c5497/120x120_auto.webp"
                      alt="用户系统" title="用户系统">
                  </a>
                </div>
                <div class="app-div1-right">
                  <h5 class=""><a href="#" title="用户系统">用户系统</a></h5>
                  <div class="">基于官网用户中心平台功能，支持前端用户注册、用户...</div>
                </div>

              </div>
            </li>
            <li>
              <div class="app-div1">
                <div class="app-div1-left">
                  <a class="" href="#">
                    <img class=""
                      src="https://file.xunruicms.com/thumb/67/b9/65b15d7b1dbbaaecb9e2b33d681c5497/120x120_auto.webp"
                      alt="用户系统" title="用户系统">
                  </a>
                </div>
                <div class="app-div1-right">
                  <h5 class=""><a href="#" title="用户系统">用户系统</a></h5>
                  <div class="">基于官网用户中心平台功能，支持前端用户注册、用户...</div>
                </div>

              </div>
            </li>
            <li>
              <div class="app-div1">
                <div class="app-div1-left">
                  <a class="" href="#">
                    <img class=""
                      src="https://file.xunruicms.com/thumb/67/b9/65b15d7b1dbbaaecb9e2b33d681c5497/120x120_auto.webp"
                      alt="用户系统" title="用户系统">
                  </a>
                </div>
                <div class="app-div1-right">
                  <h5 class=""><a href="#" title="用户系统">用户系统</a></h5>
                  <div class="">基于官网用户中心平台功能，支持前端用户注册、用户...</div>
                </div>

              </div>
            </li>
            <li>
              <div class="app-div1">
                <div class="app-div1-left">
                  <a class="" href="#">
                    <img class=""
                      src="https://file.xunruicms.com/thumb/67/b9/65b15d7b1dbbaaecb9e2b33d681c5497/120x120_auto.webp"
                      alt="用户系统" title="用户系统">
                  </a>
                </div>
                <div class="app-div1-right">
                  <h5 class=""><a href="#" title="用户系统">用户系统</a></h5>
                  <div class="">基于官网用户中心平台功能，支持前端用户注册、用户...</div>
                </div>

              </div>
            </li>
            <li>
              <div class="app-div1">
                <div class="app-div1-left">
                  <a class="" href="#">
                    <img class=""
                      src="https://file.xunruicms.com/thumb/67/b9/65b15d7b1dbbaaecb9e2b33d681c5497/120x120_auto.webp"
                      alt="用户系统" title="用户系统">
                  </a>
                </div>
                <div class="app-div1-right">
                  <h5 class=""><a href="#" title="用户系统">用户系统</a></h5>
                  <div class="">基于官网用户中心平台功能，支持前端用户注册、用户...</div>
                </div>

              </div>
            </li>
            <li>
              <div class="app-div1">
                <div class="app-div1-left">
                  <a class="" href="#">
                    <img class=""
                      src="https://file.xunruicms.com/thumb/67/b9/65b15d7b1dbbaaecb9e2b33d681c5497/120x120_auto.webp"
                      alt="用户系统" title="用户系统">
                  </a>
                </div>
                <div class="app-div1-right">
                  <h5 class=""><a href="#" title="用户系统">用户系统</a></h5>
                  <div class="">基于官网用户中心平台功能，支持前端用户注册、用户...</div>
                </div>

              </div>
            </li>
          </ul>
        </div>
        <div class="button1">
          <a href="#">更多应用插件</a>
        </div>
      </div>
    </div>
  </div>
  <!-- youqinglianjie -->
   <div class="youqinglianjie">
    <h4>友情链接：</h4>
    <a href="">cms系统</a>
    <a href="">cms下载</a>
    <a href="">cms源码</a>
    <a href="">企业建站cms</a>
    <a href="">迅睿cms下载</a>
    <a href="">seo优化</a>
    <a href="">147免费采集发布</a>
    <a href="">简数采集器</a>
   </div>
  <!-- footer -->
  <div class="footer">
    <div class="footer-in container">
      <div class="links cf">
        <dl>
          <dt>联系我们</dt>
          <dd><a href="#">联系我们</a></dd>
          <dd><a href="#">联系我们</a></dd>
          <dd><a href="#">联系我们</a></dd>
          <dd><a href="#">联系我们</a></dd>
          <dd><a href="#">联系我们</a></dd>
          <dd><a href="#">联系我们</a></dd>
        </dl>
        <dl class="tuijian">
          <dt>推荐产品</dt>
          <dd><a href="#">api接口</a></dd>
          <dd><a href="#">api接口</a></dd>
          <dd><a href="#">kws 关键词搜索词调用</a></dd>
          <dd><a href="#">kws 关键词搜索词调用</a></dd>
          <dd><a href="#">kws 关键词搜索词调用</a></dd>
          <dd><a href="#">kws 关键词搜索词调用</a></dd>
        </dl>
        <dl class="tuijian">
          <dt></dt>
          <dd><a href="#">kws 关键词搜索词调用</a></dd>
          <dd><a href="#">kws 关键词搜索词调用</a></dd>
          <dd><a href="#">kws 关键词搜索词调用</a></dd>
          <dd><a href="#">kws 关键词搜索词调用</a></dd>
          <dd><a href="#">kws 关键词搜索词调用</a></dd>
          <dd><a href="#">api接口</a></dd>
        </dl>
        <dl class="tuijian">
          <dt></dt>
          <dd><a href="#">kws 关键词搜索词调用</a></dd>
          <dd><a href="#">kws 关键词搜索词调用</a></dd>
          <dd><a href="#">kws 关键词搜索词调用</a></dd>
          <dd><a href="#">kws 关键词搜索词调用</a></dd>
          <dd><a href="#">api接口</a></dd>
          <dd><a href="#">api接口</a></dd>
        </dl>
        <dl class="fr">
          <dt>常见问题</dt>
          <dd><a href="#">莫名其妙的网址变成这样，是哪里出问题了吗？多</a></dd>
          <dd><a href="#">查询范围是所有导入表格数据</a></dd>
          <dd><a href="#">莫名其妙的网址变成这样，是哪里出问题了吗？多</a></dd>
          <dd><a href="#">莫名其妙的网址变成这样，是哪里出问题了吗？多</a></dd>
          <dd><a href="#">查询范围是所有导入表格数据</a></dd>
          <dd><a href="#">查询范围是所有导入表格数据</a></dd>
        </dl>
      </div>
      <div class="copyright">
        <p>XunRuiCMS基于MIT开源协议发布，免费且不限制商业使用</p>
        <p>Copyright © 四川迅睿云软件开发有限公司 蜀ICP备19023384号 川公网安备 51010602001037号 增值电信业务经营许可证 川B2-20211858 营业执照</p>
      </div>
    </div>
  </div>



</body>

</html>